.cloud-service{
    background-color: rgb(245,245,245);
    overflow: hidden;
    min-width: 1200px;
    margin-bottom: 46px;
}
.cloud-service-main{
    position: relative;
    margin-left: auto;
    margin-right: auto;
    width: 1200px;
    overflow: hidden;
    h4{
        color: rgb(102,102,102);
        font-size: 16px;
        height: 44px;
        line-height: 44px;
    }
}
.cloud-service-content{
    overflow: hidden;
    width: 1200px;
    height: 297px;
    background-color: white;
}
.cloud-service-cloud-lesson{
    margin-top: 20px;
    margin-left: 15px;
    width: 484px;
    float: left;
    border-right: 1px solid rgb(245,245,245);
    .cloud-lesson-first{
        overflow: hidden;
        margin-top: 10px;
        margin-right: 5px;
        padding-left: 5px;;
        padding-bottom: 15px;
        border-bottom: 1px solid rgb(245,245,245);
        img{
            width: 139px;
            height: 88px;
            float: left;
        }
        .cloud-lesson-first-about{
            width: 320px;
            height: 88px;
            overflow: hidden;
            float: left;
            margin-left: 15px;
            .cloud-lesson-first-title{
                color: black;
                font-size: 14px;
                height: 24px;
                line-height: 24px;
                margin-bottom: 5px;
            }
            .cloud-lesson-first-time{
                color: rgb(153,153,153);
                font-size: 12px;
                height: 24px;
                line-height: 24px;
            }
            .cloud-lesson-first-desc{
                font-size: 12px;
                color: black;
            }
        }
    }
    .cloud-lesson-name{
        font-size: 14px;
        height: 24px;
        line-height: 24px;
        color: black;
    }
    .cloud-lesson-more{
        color: rgb(153,153,153);
        font-size: 12px;
        height: 24px;
        line-height: 24px;
        float: right;
        margin-right: 39px;
    }
}
.cloud-service-affair{
    width: 711px;
    float: left;
}
.cloud-lesson-head{
    position: relative;
    margin-left: 5px;
    .go-right{
        position: absolute;
        background-image: url("../img/icon-more.png");
        width: 19px;
        height: 19px;
        top: 2px;
        right: 10px;
    }
}
.cloud-lesson-list{
    width: 484px;
    margin-top: 20px;
    margin-right: 5px;
    padding-left: 5px;
    p{
        margin-bottom: 10px;
    }
    .cloud-lesson-time{
        float: right;
        margin-right: 15px;
    }
}
.cloud-service-affairs{
    margin-top: 20px;
    margin-left: 15px;
    width: 675px;
    float: left;
    .cloud-affairs-head{
        margin-left: 10px;
        font-size: 14px;
        height: 24px;
        line-height: 24px;
        color: black;
    }
}
.cloud-affairs-item{
    overflow: hidden;
    margin-top: 15px;
    a{
        float: left;
        margin-right: 14px;
        margin-bottom: 10px;
        text-decoration: none;
        font-size: 14px;
        border: 1px solid rgb(245,245,245);
        padding: 12px 33px;
        width: 86px;
        height: 44px;
        &:hover{
            cursor: pointer;
            border-color: rgb(255,109,64);
        }
        span{
            margin-left: 10px;
            font-size: 14px;
            line-height: 44px;
        }
        .cloud-icon-size{
            display: inline-block;
            width: 20px;
            height: 20px;
            margin-bottom: -4px;
        }
        @import "cloud-icon";
    }
    .cloud-icon-max{
        float: right;
        height: 124px;
        text-align: center;
        width: 86px;
        margin-right: 16px;
        i{
            margin-top: 20px;
            display: block;
            margin-bottom: 10px;
            margin-left: 31px;
        }
        span{
            margin-left: 5px;
            line-height: 22px;
        }
    }
}
.cloud-service-step{
    margin-top: 40px;
    overflow: hidden;
    position: relative;
    li{
        width: 100px;
        height: 51px;
        .cloud-em{
            margin-left: -108px;
            font-size: 30px;
            color: white;
        }
    }
    .zbj-step-lg{
        font-size: 14px;
    }
    .first-text{
        position: absolute;
        text-align: left;
        width: 112px;
        line-height: 18px;
        top: 10px;
        left: 83px;
        font-size: 14px;
        color: white;
    }
    .zbj-step{
        li{
            height: 51px;
            line-height: 51px;;
        }
        li.done{
            background-color: rgb(109,114,120);
            &:after{
                background-color: rgb(109,114,120);
            }
        }
        li.active{
            background-color: rgb(72,150,250);
            &:after{
                background-color: rgb(72,150,250);
            }
        }
    }
}
.cloud-service-desc{
    margin-top: 40px;
    text-align: center;
    font-size: 14px;
    line-height: 24px;
    height: 24px;
}
.cloud-service-submit{
    font-size: 16px;
    display: inline-block;
    text-decoration: none;
    width: 200px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    padding-top: 4px;
    padding-bottom: 4px;
    margin-top: 10px;
    margin-left: 497px;
    background-color: #ff6d40;
    color: white;
    &:hover{
        color: white;
        text-decoration: none;
    }
}